.contain {
    width: 100%;
    height: 100%;
    background: url(../images/bg.png) no-repeat top center;
    background-size: cover
}

.contain .header {
    height: 14.07%;
    width: 100%;
    background: url(../images/header_bg.png) no-repeat top center;
    background-size: cover
}

.contain .main {
    width: 100%;
    height: 85.93%
}

.contain .main .m_l {
    float: left;
    width: 69.63%;
    height: 100%;
    padding-left: 1%;
    padding-right: 1%
}

.contain .main .m_l .m_l_t {
    margin-bottom: .84%;
    height: 69%;
    width: 100%
}

.contain .main .m_l .m_l_t .m_l_t_l {
    width: 40%;
    float: left;
    margin-right: .8%;
    height: 100%
}

.contain .main .m_l .m_l_t .m_l_t_l .m_l_t_l_t {
    height: 52%;
    margin-bottom: 3.84%;
    background: url(../images/m_l_t_l_t.png) no-repeat top center;
    background-size: cover;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}

.contain .main .m_l .m_l_t .m_l_t_l .m_l_t_l_b {
    height: 44%;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}

.contain .main .m_l .m_l_t .m_l_t_r {
    width: 59.2%;
    float: left;
    height: 100%
}

.contain .main .m_l .m_l_t .m_l_t_r .m_l_t_r_t {
    height: 18%;
    margin-bottom: .84%;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc;
    position: relative;
}
.contain .main .m_l .m_l_t .m_l_t_r .m_l_t_r_t .line{
    position: absolute;
    top: 20%;
    left: 50%;
    width: 2px;
    height: 60%;
    background-color: #95bac3;

}

.contain .main .m_l .m_l_t .m_l_t_r .m_l_t_r_t .xiaoliang {
    float: left;
    width: 50%;
}

.contain .main .m_l .m_l_t .m_l_t_r .m_l_t_r_t .xiaoe {
    float: left;
    width: 50%;
}
.contain .main .m_l .m_l_t .m_l_t_r .m_l_t_r_t div p{
    float: left;
    text-align: center;
    margin-top: 12px;
}




.contain .main .m_l .m_l_t .m_l_t_r .m_l_t_r_b {
    height: 81%;
    background: url(../images/m_l_t_r_b.png) no-repeat top center;
    background-size: cover;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}

.contain .main .m_l .m_l_b {
    height: 30%;
    width: 100%
}

.contain .main .m_l .m_l_b .m_l_b_l {
    width: 49.5%;
    height: 100%;
    float: left;
    margin-right: .84%;
    background: url(../images/m_l_b.png) no-repeat top center;
    background-size: cover;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}

.contain .main .m_l .m_l_b .m_l_b_r {
    float: left;
    width: 49.5%;
    height: 100%;
    background: url(../images/m_l_b.png) no-repeat top center;
    background-size: cover;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}

.contain .main .m_r {
    float: right;
    overflow: hidden;
    width: 30.36%;
    height: 100%;
    padding-right: 2%;
    padding-left: .1%;
    padding-top: .1%
}

.contain .main .m_r .m_r_t {
    height: 36%;
    width: 100%;
    margin-bottom: 2%;
    background: url(../images/m_l_t_l_t.png) no-repeat top center;
    background-size: cover;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}

.contain .main .m_r .m_r_b {
    width: 100%;
    height: 63%;
    background: url(../images/m_r_b.png) no-repeat top center;
    background-size: cover;
    box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc
}